{% extends 'base_template/adminBase.html' %}
{% load static %}
{% block main_content %}
    <div class="card shadow">
        <div class="card-header py-3"><p class="text-primary m-0 fw-bold">管理信息</p></div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6 text-nowrap">
                </div>
                <div class="table-responsive table mt-2" id="dataTable" role="grid"
                     aria-describedby="dataTable_info">
                    <table class="table my-0 table-bordered" id="dataTable">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>教师编号</th>
                            <th>教师名称</th>
                            <th>管理</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for staff in staffs %}
                            <tr class="table-responsive-sm table-light" style="font-size: 20px">
                                <td>{{ forloop.counter }}</td>
                                <td>{{ staff.id }}</td>
                                <td>{{ staff.admin.username }}</td>
                                <th><a class="btn btn-info" href="{% url 'adminStaffMgr' staff.id %}">操作</a></th>
                            </tr>

                        {% endfor %}
                        </tbody>
                        {#                    <tfoot>#}
                        {#                    <tr>#}
                        {#                        <td><strong>教师编号</strong></td>#}
                        {#                        <td><strong>教师名称</strong></td>#}
                        {#                        <td><strong>管理</strong></td>#}
                        {#                        <td><strong>最终成绩</strong></td>#}
                        {#                        <td><strong>学年学期</strong></td>#}
                        {#                        <td><strong>绩点</strong></td>#}
                        {#                    </tr>#}
                        {#                    </tfoot>#}
                    </table>
                </div>
                {#            <div class="row">#}
                {#                <div class="col-md-6 align-self-center"><p id="dataTable_info" class="dataTables_info"#}
                {#                                                           role="status" aria-live="polite">Showing 1 to 10#}
                {#                    of {{ staffs.count }}</p></div>#}
                {#                <div class="col-md-6">#}
                {#                    <nav class="d-lg-flex justify-content-lg-end dataTables_paginate paging_simple_numbers">#}
                {#                        <ul class="pagination">#}
                {#                            {% for page in staffs %}#}
                {#                                <li class="page-item active"><a href="#" class="page-link">{{ forloop.counter }}</a>#}
                {#                                </li>#}
                {#                            <li class="page-item disabled"><a class="page-link" href="#"#}
                {#                                                              aria-label="Previous"><span#}
                {#                                    aria-hidden="true">«</span></a></li>#}
                {#                            <li class="page-item active"><a class="page-link" href="#">1</a></li>#}
                {#                            <li class="page-item"><a class="page-link" href="#">2</a></li>#}
                {#                            <li class="page-item"><a class="page-link" href="#">3</a></li>#}
                {#                            <li class="page-item"><a class="page-link" href="#" aria-label="Next"><span#}
                {#                                    aria-hidden="true">»</span></a></li>#}
                {#                            {% endfor %}#}
                {#                        </ul>#}
                {#                    </nav>#}
                {#                </div>#}
                {#            </div>#}
            </div>
        </div>
{% endblock main_content %}